<template>
	<view class="page">
		<view class="title">
			5.12.setTabBar设置TabBar和下拉刷新API
		</view>
		<view class="p">
			官网链接API
			<uni-link href="https://uniapp.dcloud.net.cn/api/ui/tabbar.html" text="动态设置 tabBar 某一项的内容"
				color="#007BFF"></uni-link>
		</view>
		<view class="p">
			建议在主页面添加，在子组件里面是无法修改的。建议写在onlaunch函数里面。
			代码示例
		</view>
		<view class="p">
			uni.setTabBarItem({
			index: 1, //tabBar 的哪一项，从左边算起
			text: "按钮文字"
			})
		</view>
		<view class="p">
			uni.setTabBarBadge 为 tabBar 某一项的右上角添加文本。uni.showTabBarRedDot 则是不显示文字 显示小红点，强迫症的天敌。
		</view>

	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue'
</script>

<style lang="scss" scoped>

</style>